<template>
  <view>
	  <view class="conter" v-if="hotMsg.length >0">活动栏</view>
	  <!-- <view class="">练习工具栏</view> -->
	  <!-- 开始 -->
	  <uni-collapse accordion v-model="activeNames">
		  
		  <uni-collapse-item title="一阶阶段" name="1" >
				<view class="tbox" size="default" @tap="goto('work/fineyineijiafa')">5以内加法</view>
				<view class="tbox" size="default" @tap="goto('work/fineyineijianfa')">5以内减法</view>
				<view class="tbox" size="default" @tap="goto('work/fineyineibidaxiao')">5以内比大小</view>
				<view class="tbox" size="default" @tap="goto('work/shiyineijiajian')">0~10加减法</view>
				<view class="tbox" size="default" @tap="goto('work/shiyineibidaxiao')">10以内比大小</view>
				<view class="tbox" size="default" @tap="goto('work/jiajianbidaxiao')">加减比大小</view>
				<view class="tbox" size="default" @tap="goto('work/lianjia')">连加</view>
				<view class="tbox" size="default" @tap="goto('work/lianjian')">连减</view>
				<view class="tbox" size="default" @tap="goto('work/ershiyineibidaxiao')">20以内比大小</view>
				<view class="tbox" size="default" @tap="goto('work/shiweishujiageweishu')">十位数加个位数</view>
				<view class="tbox" size="default" @tap="goto('work/shiweishujiangeweishu')">十位数减个位数</view>
				<view class="tbox" size="default" @tap="goto('work/jiafahuansuan')">加法换算</view>
				<view class="tbox" size="default" @tap="goto('work/jianfahuansuan')">减法换算</view>
				<view class="tbox" size="default" @tap="goto('work/zhaoguilv')">找规律</view>
				<view class="tbox" size="default" @tap="goto('work/yibaiyineibidaxiao')">100以内比大小</view>
				<view class="tbox" size="default" @tap="goto('work/daikuohaoyuansuan')">带括号运算</view>
				<view class="tbox" size="default" @tap="goto('work/yibaineijiajianfa')">一百内加减法</view>
		  </uni-collapse-item>
		  
	  	<uni-collapse-item title="二阶段练习" name="2" >
			<view class="tbox" size="default" @tap="goto('second/liangweishujiafa')">两位数加法</view>
			<view class="tbox" size="default" @tap="goto('second/liangweishujianfa')">两位数减法</view>
			<view class="tbox" size="default" @tap="goto('second/liangweishujiajian')">两位数加减</view>
			<view class="tbox" size="default" @tap="goto('second/liangweishulianjiajian')">两位数连加减</view>
			<view class="tbox" size="default" @tap="goto('second/liangweishulianjiajianbdx')">两位数连加减比大小</view>
			<view class="tbox" size="default" @tap="goto('second/fiveyineichengfa')">5以内乘法</view>
			<view class="tbox" size="default" @tap="goto('second/shiyineichengfa')">表内乘法</view>
			<view class="tbox" size="default" @tap="goto('second/biaoneichengjia')">表内乘加</view>
			<view class="tbox" size="default" @tap="goto('second/biaoneichengjian')">表内乘减</view>
			<view class="tbox" size="default" @tap="goto('second/fiveyineichufa')">5以内除法</view>
			<view class="tbox" size="default" @tap="goto('second/shang')">求商</view>
			<view class="tbox" size="default" @tap="goto('second/biaoneichufa')">表内除法</view>
			<view class="tbox" size="default" @tap="goto('second/liangweishuchuyiweishu')">两位数除一位数</view>
			<view class="tbox" size="default" @tap="goto('second/yushu')">余数</view>
			<view class="tbox" size="default" @tap="goto('second/qianyineibdx')">千以内比大小</view>
			<view class="tbox" size="default" @tap="goto('second/qianyineijiajian')">千以内加减</view>
	  	</uni-collapse-item>
		
		<uni-collapse-item title="三阶段练习" name="3" >
			<view class="tbox" size="default" @tap="goto('third/wanyineibdx')">万以内比大小</view>
			<view class="tbox" size="default" @tap="goto('third/chengfakousuan')">乘法口算</view>
			<view class="tbox" size="default" @tap="goto('third/fenshubdx')">分数比大小</view>
			<view class="tbox" size="default" @tap="goto('third/fenshujisuan')">分数计算</view>
			<view class="tbox" size="default" @tap="goto('third/chufakousuan')">除法口算</view>
		</uni-collapse-item>
	  </uni-collapse>
	  <!-- 结束 -->
  </view>
</template>

<script>
  export default {
    data(){
		return{
			activeNames:'1',
			hotMsg:'',
		}
	},
	methods:{
		goto(data){
			uni.navigateTo({
				url:'work/'+data
			})
		}
	}
  }
</script>

<style>

  .conter{
	  border: 1px solid lightgrey;
	  text-align: center;
	  height: 100rpx;
	  margin: 8rpx;
  }

  .tbox{
	  text-align: center;
	  margin: 10rpx;
	  border: 1px solid lightgray;
	  border-radius: 9px;
	  padding: 6rpx;
	  
  }
.scroll{
	white-space: nowrap
}
</style>
